<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8' />
    <title>..::. Trường THPT Cầu Kiệu .::..</title>
    <link rel='stylesheet' href='css/style.css' />
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" charset="utf-8"/>
    <link rel="stylesheet" href="css/nivo-style.css" type="text/css" media="screen" charset="utf-8"/>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript" src="js/dropdown.js"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider({
                effect: 'random',
                slices:8,
                animSpeed:900, //Slide transition speed
                pauseTime:2000,
                startSlide:0, //Set starting Slide (0 index)
                directionNav:true //Next & Prev
            });
        });
    </script>
</head>

<body>
<div id="container">
    <div id="header">
       <div id="logo">
            <a href="index.html"><img src="css/images/logo1.gif" alt=""/></a>
        </div>
        <p class="slogan">TRƯỜNG THPT CẦU KIỆU</p>
    </div><!--   end header  -->

    <div id="last-header">
        <div id="intro">
            <h2>UBND QUẬN PHÚ NHUẬN</h2>
            <h2>PHÒNG GIÁO DỤC & ĐÀO TẠO</h2>
            <p>TRƯỜNG TRUNG HỌC PHỔ THÔNG</p>
            <a href="">CẦU KIỆU</a>
        </div> <!--end intro-->
            <div id="slider" class="nivoSlider">
                <img src="images/slide1.png" alt="" />
            
                <img src="images/slide2.png" alt="" />
                <img src="images/slide3.png" alt="" />

            </div> <!--end slider-->
            <!--info imager of slider-->
            <div id="htmlcaption" class="nivo-html-caption">
                <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
            </div>
            <!--end info imager of slider-->

    </div><!--end left-header-->
   
